
@width:100px;
@height:100px;
@coler:red;
.text {
  color:@coler;
  width:@width;
  height:@height;
}

/***映射*/
#colors(){
  blue:blue;
  red:red;
  secondary:#ffb842;
}

.box{
  .text();/*混合:是一种将一组属性从一个规则集包含（或混入）到另一个规则集的方法*/
  border:1px solid #0a76a4;

  /**嵌套*/
  .item{

    width: @width/4;
    height: @height/4;
    border: 1px solid #colors[secondary];/*映射,3.5版本之后才有*/
  }
  .color{
    color:#f00;
  }
}
//
//注释：块注释和行注释都可以使用

// 这一行被注释掉了！

// 你可以导入一个 .css 文件
@import "style.css";